import React from "react";
import { Row, Col, Input } from 'antd';
const { Search } = Input

interface ISearch {
    onSearch: Function;
}
const SearchMedia: React.FC<ISearch> = ({
    onSearch
}): React.ReactElement => {

    const onSears = (e: any) => {
        onSearch(e);
    }


    return (
        <div className="search_media">
            <Row>
                <Col span={24}>
                    <Search
                        placeholder="请输入内容..."
                        allowClear
                        enterButton="搜索"
                        size="large"
                        onSearch={onSears}
                    />
                </Col>

            </Row>
        </div>
    )
};
export default SearchMedia